<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>有人智造-经营驾驶舱</title>
  <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.7.1/jquery.js"></script>
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">
  <!--    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.esm.min.js"></script>-->
  <link rel="icon" href="/static/img/logo.png" type="image/x-icon"> <!-- 链接到favicon.ico文件 -->
  <style>
    .body{
      width: 100%;
      height: 1200px;
      /*background-color: #f5f7fa;*/
      font-size: 25px;
      background: linear-gradient(to bottom right, blue, pink);
      background-image: url("/static/img/017d6a5c513b9ca801213f26c6f65d.png@2o.png");
      background-size: cover;
    }
    h3{
      border-radius: 20px 20px 0 0;
      padding-left: 20px;
    }
    h1{
      width: 30%;
      margin: 0 auto;
      color: white;
      background: linear-gradient(-45deg, transparent 34px, #134194 0) right,
      linear-gradient(45deg, transparent 34px, #134194 0) left;
      background-size: 50% 100%;
      background-repeat: no-repeat;
      margin-bottom: 20px;
    }
    table th:nth-child(odd){
      background-color: #2bb9ba;
      color: white;
    }
    table th:nth-child(even){
      background-color:#134094;
      color: white;
    }
    table tr:nth-child(odd){
      background-color: #7DC4CC;
      color: white;
    }

    .table1 tr th{
      padding: 0;
      text-align: center;
    }
    .table1 tr td{
      padding: 0;
    }
    .main1{
      width: 100%;
      height: 460px;
      background-color: #7bd4ce;
    }
    .return{
      position: fixed;
      top: 10px;
      left:10px;
      width: 50px;
      height: 50px;
    }
  </style>
</head>
<body class="body">
<div class="main" >
  <img src="/static/img/return.png" alt="返回主页" class="return">
  <h1 style="text-align: center ">经营驾驶舱</h1>
  <div class="main">
    <div class="main1">
      <table class="table table1" style="margin-bottom: -3px">
        <tr style="text-align: center; font-size: 30px">
          <th >生产订单编号</th>
          <th >状态</th>
          <th >工单是否超期</th>
<!--          制令单生产时产生的不良-->
          <th >工单不良率</th>
          <!--          创建时间-完结时间-->
          <th >工单完结周期</th>
        </tr>
            <tr style="text-align: center ;font-size: 30px">
              <td >{$data['PROJECT_NO']}</td>
              <td >{$data['STATUS']}</td>
              <td >{:$data['cq']}</td>
              <td>{$data['NgCount']}%</td>
              {if $data['CLOSE_TIME']==''}
              <td>{$data['CREATE_TIME']}~{$data['ACTUAL_END_TIME']}</td>
              {else}
              <td>{$data['CREATE_TIME']}~{$data['CLOSE_TIME']}</td>
              {/if}
            </tr>
          </table>
      <table class="table table1" style="margin-top: 50px;">
        <tr style="text-align: center; font-size: 30px">
          <!--          开立-实际开工时间-->
          <th>工单准备周期</th>
          <th>采购周期</th>
          <th>制造周期</th>
        </tr>
        <tr style="text-align: center ;font-size: 20px">
          <td >{$data['CREATE_TIME']}~{$data['gd_zb_xd_time']}</td>
          <td >{$data['cgOpen_Time']}~{$data['cgCLOSE_Time']}</td>
          <td >{$data['zld_end_time']}~{$data['zld_end']}</td>
        </tr>
      </table>
    </div>
  </div>
</div>
</body>
<script>
  $(".return").click(function (){
    // window.location.href='/operating'
    window.history.back();
  })
</script>
</html>